
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <!-- Author -->
    <meta name="author" content="Themes Industry">
    <!-- description -->
    <meta name="description" content="speaker is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
    <!-- keywords -->
    <meta name="keywords" content="speaker, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
    <!-- Page Title -->
    <title>Index - speaker</title>
    <!-- Favicon -->
    <link href="" rel="icon">
    <!-- Bundle -->
    <link href="static/css/bundle.min.css" rel="stylesheet">
    <!-- Plugin Css -->
    <link href="static/css/line-awesome.min.css" rel="stylesheet">
    <link href="static/css/revolution-settings.min.css" rel="stylesheet">
    <link href="static/css/jquery.fancybox.min.css" rel="stylesheet">
    <link href="static/css/owl.carousel.min.css" rel="stylesheet">
    <link href="static/css/cubeportfolio.min.css" rel="stylesheet">
    <link href="static/css/slick.css" rel="stylesheet">
    <link href="static/css/slick-theme.css" rel="stylesheet">
    <!-- Style Sheet -->
    <link href="static/css/navigation.css" rel="stylesheet">
    <link href="static/css/blog.css" rel="stylesheet">
    <link href="static/css/style.css" rel="stylesheet">
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="90">

<!-- Preloader -->
<div class="preloader">
    <div class="centrize full-width">
        <div class="vertical-center">
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </div>
    </div>
</div>
<!-- Preloader End -->

<!--Header Start-->

<header id="home">
    <div class="upper-nav">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-6 mt-auto mb-auto">
                    <h4 class="top-text">We can create a brand that stands out and truly reflects your business.</h4>
                </div>
                <div class="col-12 col-lg-6 mt-auto mb-auto">
                    <ul class="top-detail d-block d-lg-flex justify-content-center justify-content-lg-end">
                        <li class="c-links d-none d-lg-block"><span><i class="la la-mobile"></i></span><a href="#">+(34)609 331754</a></li>
                        <li class="c-links d-none d-lg-block"><span><i class="la la-envelope"></i></span><a href="#">email@website.com</a></li>
                        <li class="social-links">
                            <span class="fb"><a href="#"><i class="la la-facebook-f"></i></a></span>
                            <span class="twit"><a href="#"><i class="la la-twitter"></i></a></span>
                            <span class="insta"><a href="#"><i class="la la-instagram"></i></a></span>
                        </li>
                    </ul>
                    <!--                    <div class="toggle-btn d-block d-lg-none">-->
                    <!--                        <span></span>-->
                    <!--                        <span></span>-->
                    <!--                        <span></span>-->
                    <!--                    </div>-->
                    <!--                    <a class="navbar-brand d-block d-lg-none" href="#"><img src="interior/img/logo.png" alt="logo"> MegaOne</a>-->
                </div>
            </div>
        </div>
    </div>
    <!--Navigation-->
    <nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
        <div class="container">
            <div class="row no-gutters w-100">
                <div class="col-2">
                    <a href="index.html" title="Logo" class="logo">
                        <!--Logo Default-->
                        <img src="static/picture/logo.png" alt="logo" class="logo-dark">
                    </a>
                </div>
                <!--Nav Links-->
                <div class="col-8">
                    <div class="collapse navbar-collapse" id="megaone">
                        <div class="navbar-nav ml-auto">
                            <a class="nav-link active" href="index.html#home">Home</a>
                            <a class="nav-link" href="index.html#about">About Me</a>
                            <a class="nav-link" href="index.html#portfolio-sec">My Work</a>
                            <a class="nav-link" href="index.html#blog-sec">Blogs</a>
                            <a class="nav-link" href="index.html#courses-sec">Courses</a>
                            <a class="nav-link" href="index.html#contact-us">Contact</a>
                        </div>
                    </div>
                </div>
                <!--Side Menu Button-->
                <div class="col-2">
                    <a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
                        <span></span>
                        <span></span>
                        <span></span>
                    </a>
                </div>
            </div>
        </div>
    </nav>

    <!--Side Nav-->
    <div class="side-menu hidden">
        <div class="inner-wrapper">
            <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
            <nav class="side-nav w-100">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#home">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#about">About Me</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#portfolio-sec">My Work</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#blog-sec">Blogs</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#courses-sec">Courses</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#contact-us">Contact</a>
                    </li>
                </ul>
            </nav>

            <div class="side-footer text-white w-100">
                <ul class="social-icons-simple">
                    <li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                    <li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                    <li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                </ul>
                <p class="text-white">&copy; 2020 MegaOne. Made With Love by Themesindustry</p>
            </div>
        </div>
    </div>
    <a id="close_side_menu" href="javascript:void(0);"></a>
    <!-- End side menu -->

</header>
<!--Header End-->

<!--slider sec strat-->
<section id="slider-sec" class="slider-sec parallax" style="background: url('static/image/s-blog-slider.jpg');">
    <div class="overlay text-center d-flex justify-content-center align-items-center">
        <div class="slide-contain">
            <h4>Courses Content</h4>
            <div class="crumbs">
                <nav aria-label="breadcrumb" class="breadcrumb-items">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index-film.html">Home</a></li>
                        <li class="breadcrumb-item"><a href="standard-blog.html">Courses</a></li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</section>
<!--slider sec end-->


<!--main page content-->
<section class="main">
    <div class="blog-content padding-bottom">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="main_content text-center text-lg-left">
                        <div class="single_blog course_block">
                            <div class="single_img">
                                <img src="static/picture/b2.jpg" alt="image">
                            </div>
                            <div class="single_detail">
                                <p class="blog-sub-heading text-center">Most flexible one page</p>
                                <h2>Course Title Here</h2>
                                <span class="blog-text"><a href="#">JUNE 24, 2019</a> | BY <a href="#">MARK ANDERSON</a></span>
                                <p class="p-text">Nam ut rutrum ex, venenatis urna sollicitudin. Aliquam erat volutpat. Integer eu ipsum sem.</p>
                                <a class="btn yellow-and-white-slider-btn" href="course-detail.html">READ MORE</a>
                            </div>
                        </div>
                        <div class="single_blog course_block">
                            <div class="single_img">
                                <img src="static/picture/b1.jpg" alt="image">
                            </div>
                            <div class="single_detail">
                                <p class="blog-sub-heading text-center">Most flexible one page</p>
                                <h2>Course Title Here</h2>
                                <span class="blog-text"><a href="#">JUNE 24, 2019</a> | BY <a href="#">MARK ANDERSON</a></span>
                                <p class="p-text">Nam ut rutrum ex, venenatis urna sollicitudin. Aliquam erat volutpat. Integer eu ipsum sem.</p>
                                <a class="btn yellow-and-white-slider-btn" href="course-detail.html">READ MORE</a>
                            </div>
                        </div>
                        <div class="single_blog course_block">
                            <div class="single_img">
                                <img src="static/picture/b3.jpg" alt="image">
                            </div>
                            <div class="single_detail">
                                <p class="blog-sub-heading text-center">Most flexible one page</p>
                                <h2>Course Title Here</h2>
                                <span class="blog-text"><a href="#">JUNE 24, 2019</a> | BY <a href="#">MARK ANDERSON</a></span>
                                <p class="p-text">Nam ut rutrum ex, venenatis urna sollicitudin. Aliquam erat volutpat. Integer eu ipsum sem.</p>
                                <a class="btn yellow-and-white-slider-btn" href="course-detail.html">READ MORE</a>
                            </div>
                        </div>
                        <div class="single_blog course_block">
                            <div class="single_img">
                                <img src="static/picture/b3.jpg" alt="image">
                            </div>
                            <div class="single_detail">
                                <p class="blog-sub-heading text-center">Most flexible one page</p>
                                <h2>Course Title Here</h2>
                                <span class="blog-text"><a href="#">JUNE 24, 2019</a> | BY <a href="#">MARK ANDERSON</a></span>
                                <p class="p-text">Nam ut rutrum ex, venenatis urna sollicitudin. Aliquam erat volutpat. Integer eu ipsum sem.</p>
                                <a class="btn yellow-and-white-slider-btn" href="course-detail.html">READ MORE</a>
                            </div>
                        </div>
                    </div>
                    <div class="nav-style2">
                    <nav aria-label="Page navigation example">
                        <ul class="pagination justify-content-center justify-content-lg-start">
                            <li class="page-item">
                                <a class="page-link" href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link active" href="#">2</a></li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item"><a class="page-link" href="#">4</a></li>
                            <li class="page-item"><a class="page-link" href="#">5</a></li>
                            <li class="page-item">
                                <a class="page-link" href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--main page content end-->
<!--Footer Start-->
<footer class="footer-style-1 bg-light">
    <div class="container">
        <div class="row align-items-center">
            <!--Social-->
            <div class="col-lg-6">
                <div class="footer-social text-center text-lg-left ">
                    <ul class="list-unstyled">
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-facebook-f"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-twitter"></i></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-google-plus-g"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-linkedin-in"></i></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-instagram"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-pinterest-p"></i></a></li>
                    </ul>
                </div>
            </div>
            <!--Text-->
            <div class="col-lg-6 text-center text-lg-right">
                <p class="company-about fadeIn">Copyright &copy; 2022.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                </p>
            </div>
        </div>
    </div>
</footer>
<!--Footer End-->


<!-- JavaScript -->
<script src="static/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="static/js/jquery.appear.js"></script>
<script src="static/js/jquery.fancybox.min.js"></script>
<script src="static/js/owl.carousel.min.js"></script>
<script src="static/js/parallaxie.min.js"></script>
<script src="static/js/wow.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="static/js/jquery.themepunch.tools.min.js"></script>
<script src="static/js/jquery.themepunch.revolution.min.js"></script>
<script src="static/js/jquery.cubeportfolio.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="static/js/revolution.extension.actions.min.js"></script>
<script src="static/js/revolution.extension.carousel.min.js"></script>
<script src="static/js/revolution.extension.kenburn.min.js"></script>
<script src="static/js/revolution.extension.layeranimation.min.js"></script>
<script src="static/js/revolution.extension.migration.min.js"></script>
<script src="static/js/revolution.extension.migration.min.js"></script>
<script src="static/js/revolution.extension.parallax.min.js"></script>
<script src="static/js/revolution.extension.slideanims.min.js"></script>
<script src="static/js/revolution.extension.video.min.js"></script>
<!-- google map
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJRG4KqGVNvAPY4UcVDLcLNXMXk2ktNfY"></script> -->
<script src="static/js/map.js"></script>
<!--Tilt Js-->
<script src="static/js/tilt.jquery.min.js"></script>
<script src="static/js/slick.js"></script>
<script src="static/js/slick.min.js"></script>
<!-- custom script-->
<script src="static/js/script.js"></script>

</body>
</html>